<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 
        定位：position:relative , absolute , fixed , static , sticky

        辅助属性   left / right / top / bottom / z-index

        relative  相对定位
            没有脱离文档流，占原有的位置，相对于自身位置而言的  --- 可以支持辅助属性 --- 一般用做绝对定位的参照物

        absolute  绝对定位
            脱离文档流的，不占位置，相对于参照物的位置而言的
            参照物：最近的具有定位的祖先元素,一层一层的向上找，直到找到为止，如果一直找不到就是参照浏览器
            

        fixed  固定定位
            脱离文档流的，不占位置，相对于浏览器而言的

        static  不定位   没有任何作用，也不会成为参照物

        sticky 粘性定位   ---  css3新增  不兼容
            没有脱离文档流,对于浏览器而言的
     -->


    <div>
        <ul>
            <li>
                <a href=""></a>
            </li>
        </ul>
    </div>

</body>

</html>